﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<!-- saved from url=(0029)http://www.helpandmanual.com/ -->
<head> 
   <title>New/Edit graph button</title> 
   <!-- Template design (c) copyright 2008-2009 by Tim Green and EC Software -->
   <meta name="generator" content="Help &amp; Manual" /> 
   <meta name="keywords" content="" />
   <meta name="description" content="New/Edit graph button" />
   <meta name="copyright" content="© 2012 Kentico Software" /> 
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   <link type="text/css" href="default.css" rel="stylesheet" /> 
   <link type="text/css" href="custom.css" rel="stylesheet" />

   <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
   <script type="text/javascript" src="jquery.scrollTo-min.js"></script>
   <script type="text/javascript" src="nsh.js"></script>



         
   <!-- CSS set with project variables and local attributes --> 
   <style type="text/css" media="screen"> 
   body { background: #fff; } 
   #breadcrumbs {width: 100%; background-color: white; border-bottom: 1px solid #000; padding: 0px 0px 5px 15px;
   margin: 3px 0; font-size: 8pt; color: #000;}
   #breadcrumbs a { color: #000; text-decoration: none;}
   #breadcrumbs a:visited { color: #000; }
   #breadcrumbs a:hover { color: #098ae2; text-decoration: none; }
   .help-url { font-size: 10pt; font-family: Arial, Verdana, Helvetica, sans-serif; 
               color: #1f84e8; text-align: center; margin: 5px 20px 10px 0px; 
               padding-top: 14px; border-top: 1px solid #000;}
   .help-url a { color: #098ae2; text-decoration: none; }
   .help-url a:visited { color: #098ae2; }
   .help-url a:hover { color: #098ae2; text-decoration: underline; }
   .highlight {background: #ffff40;}
   .breadhead {padding: 5px 0px 0px 0px !important;}    
   #innerdiv   
   {   
   padding-left: 5px;
   }
   

   </style> 

<!-- Adjustment for IE -->
<!--[if lte IE 8]>
<style type="text/css">
.topichead { padding-right: 0; }
   
   
   	.breadhead {
	margin: 0;
	padding-right: 5px;
	}
   
   
</style>
<![endif]-->
   
<script type="text/javascript">
// Initialize the page 
addEvent(window, "load", nsrInit);
addEvent(window, "load", doResize);
addEvent(window, "resize", doResize);
addEvent(window, "load", toggleJump);

</script>


<script type="text/javascript">
function mailFB_custom() {
var headerText = unQuot("Feedback on: Kentico CMS 6.0 Context Help - New/Edit graph button".replace('&nbsp;',''));
var fb1 = "mailto:" + escape('Kentico Support Team <support@kentico.com>') + "?subject=" + headerText;
var titlePath = unQuot("CMS Desk &gt; Tools &gt; Reporting &gt; Report edit &gt; General tab &gt; New/Edit graph button /");
var fb2 = "&body=Ref:%20" + titlePath + "%20ID:%20report_graph_properties%0A%0D%0A%0D" + unQuot("Dear Support Staff,") + "%0A%0D%0A%0D";
var fb = fb1 + fb2;
document.location.href=fb;
}
</script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-105987-4']);
  _gaq.push(['_setDomainName', '.kentico.com']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>        
<script type="text/javascript" src="helpman_topicinit.js"></script>
<!-- Redirect browser to frame page if page is not in the content frame. -->
<script type="text/javascript">
<!--
if (location.search.lastIndexOf("toc=0")<=0) {
  if (parent.frames.length==0) { parent.location.href="index.html?report_graph_properties.htm"; }
  else { parent.quicksync('a1.3.14.5.2.2'); }
}
//-->
</script>
<script type="text/javascript" src="highlight.js"></script></head> 
<body onload="highlight();">
<div id="hmpopupDiv" style="visibility:hidden; position:absolute; z-index:1000; "></div>
<!--ZOOMSTOP-->

<div id="printheader">
<span id="printtitle">Kentico CMS 6.0 Context Help</span><br />
<p class="p_Heading1"><span class="f_Heading1">New/Edit graph button</span></p>
</div>
<div id="idheader" style="border-bottom:1px solid #000;margin:0px 0px;"> 
<table id="breadtable" border="0" cellspacing="0" cellpadding="0" width="100%"> 
  <tr >
  <td align="left" class="breadhead" >
       <p id="breadcrumbs"><a href="mode_selection.htm"
        onmouseover="document.images.main.src='home_h.gif'" 
        onmouseout="document.images.main.src='home.gif'">
        <img name="main" src="home.gif" border="0" alt="Home topic" title="Home topic" /></a> 
        
        CMS Desk &gt; Tools &gt; Reporting &gt; Report edit &gt; General tab:</p> 
  </td>
  </tr>
</table>
<table width="99%" border="0" cellspacing="0" cellpadding="0" id="headtable"> 

<!-- Script version of NavHeader -->
  <tr id="scriptNavHead" valign="middle" style="height: auto;"> 
    <td align="left" class="topichead" style="padding-left: 15px;"> 
    <p class="p_Heading1"><span class="f_Heading1">New/Edit graph button</span></p>

    </td>
    <td align="center" width="20" class="idnav" valign="bottom">
     <a href="general_tab7.htm"
        onmouseover="document.images.prev.src='button_prev_h.gif'" 
        onmouseout="document.images.prev.src='button_prev.gif'">
        <img name="prev" src="button_prev.gif" border="0" alt="Previous topic" title="Previous topic" /></a>
     
   </td>
   
   <td align="center" width="20" class="idnav" valign="bottom">
     <a href="report_htmlgraph_properties.htm"
        onmouseover="document.images.next.src='button_next_h.gif'" 
        onmouseout="document.images.next.src='button_next.gif'"><img name="next" src="button_next.gif" border="0" alt="Next topic" title="Next topic" /></a>
        
   </td>

   
   
   
   
   

     
   <td id="print-button" align="center" width="20" class="idnav" valign="bottom">
     <a href="javascript: print();" 
     onmouseover="document.images.printbutton.src='print_h.gif'" 
     onmouseout="document.images.printbutton.src='print.gif'"><img name="printbutton" border="0" alt="Print this topic" title="Print this topic" src="print.gif" /></a>
   </td>  
     
     

  
   <td id="mail-feedback" align="center" width="20" class="idnav" valign="bottom">
   <a href="#"
        onclick='mailFB_custom();'
        onmouseover="document.images.feedback.src='mail_h.gif'" 
        onmouseout="document.images.feedback.src='mail.gif'"><img name="feedback" src="mail.gif" border="0" alt="Mail us feedback on this topic!" title="Mail us feedback on this topic!" /></a>
   </td>
   
   <td width="4">&nbsp;</td>
  </tr>
<!-- End script navheader version -->

<!-- NoScript version of navheader -->

  <tr id="noScriptNavHead" valign="middle" style="height: auto;"> 
    <td align="left" class="topichead"> 
    <p class="p_Heading1"><span class="f_Heading1">New/Edit graph button</span></p>

    </td>
    <td align="center" width="20" class="idnav" valign="bottom">
     <a href="general_tab7.htm">
        <img src="button_prev.gif" border="0" alt="Previous topic" title="Previous topic" /></a>
     
   </td>
   
   <td align="center" width="20" class="idnav" valign="bottom">
     <a href="report_htmlgraph_properties.htm">
        <img src="button_next.gif" border="0" alt="Next topic" title="Next topic" /></a>
        
   </td>
   
   
   
  
   

     
     
   <td align="center" width="20" class="idnav" valign="bottom">
   <img border="0" alt="JavaScript is required for the print function" title="JavaScript is required for the print function" src="print_d.gif" />
   </td>
     
     
   
   <td align="center" width="20" class="idnav" valign="bottom">
   <a href="mailto:support@kentico.com?subject=Documentation%20feedback&body=Ref%20ID:%20report_graph_properties%0D%0D"><img src="mail.gif" border="0" alt="Mail us feedback on this topic!" title="Mail us feedback on this topic!" /></a>
   </td>
   
   <td width="4">&nbsp;</td>
  </tr>

<!-- End noscript navheader version -->
  </table>
<div id="autoTocWrapper"></div>
</div> 

<div id="idcontent"><div id="innerdiv">
<!--ZOOMRESTART-->
<p>This form is used for defining report graphs. You can switch to the <span style="font-weight: bold;">Preview</span> tab at any time to see the graph as it is currently configured. The descriptions of particular graph properties are in the following tables:</p>
<p>&nbsp;</p>
<p class="p_Heading3"><span class="f_Heading3">Default:</span></p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table width="820" cellspacing="0" cellpadding="5" border="0" style="border: none; border-spacing:0px; border-collapse: collapse;">
<tr style="text-align:left;vertical-align:top;">
<td valign="middle" width="227" style="width:227px; border: solid 1px #000000;"><p>Display name</p>
</td>
<td valign="middle" width="569" style="width:569px; border: solid 1px #000000;"><p>Display name of the graph shown in the user interface.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="middle" width="227" style="width:227px; border: solid 1px #000000;"><p>Code name</p>
</td>
<td valign="middle" width="569" style="width:569px; border: solid 1px #000000;"><p>Code name of the graph.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="middle" width="227" style="width:227px; border: solid 1px #000000;"><p>Enable export</p>
</td>
<td valign="middle" width="569" style="width:569px; border: solid 1px #000000;"><p>If enabled, users who view the graph will be able to export the displayed data to external files using the Microsoft Excel (XLSX), CSV or XML format. The data export feature may be accessed by right‑clicking the graph in the report, which will open a context menu with possible export actions.</p>
</td>
</tr>
</table>
</div>
<p>&nbsp;</p>
<p class="p_Heading3"><span class="f_Heading3">Query:</span></p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table width="820" cellspacing="0" cellpadding="5" border="0" style="border: none; border-spacing:0px; border-collapse: collapse;">
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Query</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Database query that extracts the data that will be displayed in the graph. It must return at least two columns: first one for categories, the other columns are used for values.</p>
<p>&nbsp;</p>
<p>For security reasons, the <span style="font-weight: bold;">Edit SQL queries</span> permission for the <span style="font-weight: bold;">Reporting</span> module is necessary to edit this property.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Is stored procedure</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Indicates if the specified query is a stored procedure.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>No record text</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Text to be displayed if the query doesn't return any data.</p>
</td>
</tr>
</table>
</div>
<p>&nbsp;</p>
<p class="p_Heading3"><span class="f_Heading3">Chart type:</span></p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table width="820" cellspacing="0" cellpadding="5" border="0" style="border: none; border-spacing:0px; border-collapse: collapse;">
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Graph type</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>The following graph types are available:</p>
<p>&nbsp;</p>
<p><span style="font-weight: bold;">Bar chart</span> - bar graph, accepts multiple values and displays them next to each other.</p>
<p>&nbsp;</p>
<p><span style="font-weight: bold;">Bar stacked chart</span> - bar graph, accepts multiple values and displays them on top of each other.</p>
<p>&nbsp;</p>
<p><span style="font-weight: bold;">Pie chart</span> - pie graph, accepts only one column for values.</p>
<p>&nbsp;</p>
<p><span style="font-weight: bold;">Line chart</span> - line graph, accepts multiple values and displays them as separate lines.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Drawing style</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>The following chart styles are available:</p>
<p>&nbsp;</p>
<p><span style="font-weight: bold;">Bar chart</span>: </p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 13px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">Bar</span> - uses rectangular column bars.</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 13px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">Cylinder</span> - uses cylinders.</td></tr></table></div><p style="margin: 0px 0px 0px 13px;">&nbsp;</p>
<p><span style="font-weight: bold;">Bar stacked chart</span>:</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 13px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">Bar</span> - uses rectangular bars.</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 13px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">Cylinder</span> - uses cylinders.</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 13px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">Area</span> - uses a line chart with the space under the lines filled with the respective color.</td></tr></table></div><p>&nbsp;</p>
<p><span style="font-weight: bold;">Pie Chart</span>:</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 13px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">Pie</span> - uses a standard circular chart divided into sectors.</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 13px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">Doughnut</span> - uses a circular chart with a blank center.</td></tr></table></div><p style="margin: 0px 0px 0px 13px;">&nbsp;</p>
<p><span style="font-weight: bold;">Line chart</span>:</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 13px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">Line</span> - uses straight lines to connect values.</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 13px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">SpLine</span> - uses smooth curved lines.</td></tr></table></div></td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Overlay</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>If enabled, charts with multiple values display them behind each other with the lower values in the front. Only available for <span style="font-weight: bold;">Bar charts</span> displayed in 3D.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>100% stacked</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>If enabled, values are displayed as a percentage of their category's column. Only available for <span style="font-weight: bold;">Bar stacked charts</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Orientation</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines if bars are displayed horizontally or vertically. Only available for <span style="font-weight: bold;">Bar</span> and <span style="font-weight: bold;">Bar stacked charts</span> with the <span style="font-weight: bold;">Bar</span> drawing style.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Drawing design</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the aesthetic design of <span style="font-weight: bold;">Pie charts</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Label style</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the style of 'pie piece' descriptions for <span style="font-weight: bold;">Pie charts</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Doughnut radius</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the width of <span style="font-weight: bold;">Doughnut</span> style <span style="font-weight: bold;">Pie charts</span>. Larger numbers decrease the size of the center. Only available for <span style="font-weight: bold;">Pie charts</span> with the <span style="font-weight: bold;">Doughnut</span> drawing style.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Collect pie slices</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Items that represent a smaller percentage of the <span style="font-weight: bold;">Pie chart</span> than the value entered here will be added together and displayed as a single item labeled <span style="font-style: italic;">Others</span>. This ensures that pie charts remain legible, even if there are many items with very small values.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Show as 3D</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>If enabled, charts are displayed in 3D.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Rotate X</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Rotates the chart around its X axis. Accepts values from -90 to 90. Only available if <span style="font-weight: bold;">Show as 3D</span> is enabled.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Rotate Y</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Rotates the chart around its Y axis. Accepts values from -180 to 180. Only available if <span style="font-weight: bold;">Show as 3D</span> is enabled.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Width</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the width of the chart image.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Height</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the height of the chart image.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Show Grid</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Shows a thin dotted line grid in the graph chart, Not available for <span style="font-weight: bold;">Pie charts.</span></p>
</td>
</tr>
</table>
</div>
<p>&nbsp;</p>
<p class="p_Heading3"><span class="f_Heading3">Title:</span></p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table width="820" cellspacing="0" cellpadding="5" border="0" style="border: none; border-spacing:0px; border-collapse: collapse;">
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Title</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Title of the chart.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Title font</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines font properties of the chart title.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Title color</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the color of the chart title. Accepts standard HTML color names and hexadecimal color codes or the color selector can be used.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Title position</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the position of the chart title.</p>
</td>
</tr>
</table>
</div>
<p>&nbsp;</p>
<p class="p_Heading3"><span class="f_Heading3">Legend:</span></p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table width="820" cellspacing="0" cellpadding="5" border="0" style="border: none; border-spacing:0px; border-collapse: collapse;">
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Background color</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the background color of the legend. Accepts standard HTML color names and hexadecimal color codes or the color selector can be used.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Border color</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the border color of the legend. Accepts standard HTML color names and hexadecimal color codes or the color selector can be used.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Border size</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the size of the legend border.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Border style</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the style of the legend border.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Position</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the position of the legend in the chart.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Legend inside</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>If enabled, the legend is displayed inside the chart area.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Fixed legend</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Allows a custom description to be set for the value in the legend that will be used instead of the name of the source column. This field is only usable for charts that display one type of series, i.e. each item has a single value. It also cannot be used for <span style="font-weight: bold;">Pie charts</span>.</p>
<p>&nbsp;</p>
<p>It is possible to enter static text or use a macro that resolves into the currently selected value of a <a href="http://devnet.kentico.com/docs/6_0/devguide/defining_report_parameters.htm" target="_blank" class="weblink">report parameter</a> in format <span style="font-weight: bold;">{%&lt;parameter name&gt;%}</span>.</p>
<p>&nbsp;</p>
<p>For example, if the report has a parameter named <span style="font-style: italic;">CampaignName</span> that allows users to display the statistics of a selected marketing campaign, <span style="font-style: italic;">{%CampaignName%}</span> could be entered into this field, and the legend value description would automatically contain the name of the currently displayed campaign.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Legend title</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Sets the text caption of the legend.</p>
</td>
</tr>
</table>
</div>
<p>&nbsp;</p>
<p class="p_Heading3"><span class="f_Heading3">X-axis:</span></p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table width="820" cellspacing="0" cellpadding="5" border="0" style="border: none; border-spacing:0px; border-collapse: collapse;">
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="227" style="width:227px; border: solid 1px #000000;"><p>X axis title</p>
</td>
<td valign="top" width="569" style="width:569px; border: solid 1px #000000;"><p>Title of the horizontal axis in the chart.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="227" style="width:227px; border: solid 1px #000000;"><p>Title color</p>
</td>
<td valign="top" width="569" style="width:569px; border: solid 1px #000000;"><p>Determines the color of the X axis title. Accepts standard HTML color names and hexadecimal color codes or the color selector can be used.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="227" style="width:227px; border: solid 1px #000000;"><p>X axis angle</p>
</td>
<td valign="top" width="569" style="width:569px; border: solid 1px #000000;"><p>Determines the declination angle of X axis descriptions. Setting this parameter to 90 causes upright descriptions. Accepts values from -90 to 90.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="227" style="width:227px; border: solid 1px #000000;"><p>X axis format</p>
</td>
<td valign="top" width="569" style="width:569px; border: solid 1px #000000;"><p>Can be used to specify the format of item descriptions on the X axis that are in numerical or date‑time format.</p>
<p>&nbsp;</p>
<p><span style="font-weight: bold;">Numeric formatting</span>:</p>
<p>&nbsp;</p>
<p>Numbers can be formatted using .NET <a href="http://msdn.microsoft.com/en-us/library/0c899ak8.aspx" target="_blank" class="weblink">Custom numeric format strings</a> enclosed in curly brackets.</p>
<p>&nbsp;</p>
<p>Examples:</p>
<p>&nbsp;</p>
<p><span style="font-style: italic;">{Item #}</span> - X axis descriptions will be displayed as <span style="font-style: italic;">Item 1</span>, <span style="font-style: italic;">Item 2</span> etc.</p>
<p><span style="font-style: italic;">{0.00}</span> - numeric X axis descriptions will be displayed with precision of two decimal places. </p>
<p>&nbsp;</p>
<p><span style="font-weight: bold;">Date and time formatting</span>:</p>
<p>&nbsp;</p>
<p>The format can be set using single‑letter .NET <a href="http://msdn.microsoft.com/en-us/library/az4se3k1.aspx" target="_blank" class="weblink">Standard date and time format specifiers</a> without quotes.</p>
<p>&nbsp;</p>
<p>In addition, any custom formatting can be defined using expressions enclosed in curly brackets. For example, <span style="font-style: italic;">{yyyy - MM - dd - hh:mm}</span> would specify a date and time format like:<br>
2010 - 08 - 19 - 12:30</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="227" style="width:227px; border: solid 1px #000000;"><p>Title font</p>
</td>
<td valign="top" width="569" style="width:569px; border: solid 1px #000000;"><p>Determines font properties of the X axis title.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="227" style="width:227px; border: solid 1px #000000;"><p>Position</p>
</td>
<td valign="top" width="569" style="width:569px; border: solid 1px #000000;"><p>Determines the position of the X axis title.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="227" style="width:227px; border: solid 1px #000000;"><p>Axis label font</p>
</td>
<td valign="top" width="569" style="width:569px; border: solid 1px #000000;"><p>Determines font properties of X axis descriptions.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="227" style="width:227px; border: solid 1px #000000;"><p>X axis interval</p>
</td>
<td valign="top" width="569" style="width:569px; border: solid 1px #000000;"><p>Sets the interval between X axis descriptions.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="227" style="width:227px; border: solid 1px #000000;"><p>Use X axis sorting</p>
</td>
<td valign="top" width="569" style="width:569px; border: solid 1px #000000;"><p>If enabled, values are connected in the order they appear in on the X axis, otherwise they are connected in the order they have in the returned dataset. Only used by <span style="font-weight: bold;">Line charts</span> and <span style="font-weight: bold;">Bar Stacked</span> charts with the <span style="font-weight: bold;">Area</span> drawing style.</p>
</td>
</tr>
</table>
</div>
<p>&nbsp;</p>
<p class="p_Heading3"><span class="f_Heading3">Y-axis:</span></p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table width="820" cellspacing="0" cellpadding="5" border="0" style="border: none; border-spacing:0px; border-collapse: collapse;">
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Y axis title</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Title of the vertical axis in the chart.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Title color</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the color of the Y axis title. Accepts standard HTML color names and hexadecimal color codes or the color selector can be used.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Y axis angle</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the declination angle of Y axis descriptions. Setting this parameter to 90 causes upright descriptions. Accepts values from -90 to 90.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Y axis format</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Can be used to specify the format of value descriptions on the Y axis that are in numerical or date-time format. The same formatting options can be used as in the <span style="font-weight: bold;">X axis format</span> field described above.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Use X axis settings</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>If enabled, X axis settings are used for the <span style="font-weight: bold;">Title font</span>, <span style="font-weight: bold;">Position</span> and <span style="font-weight: bold;">Axis label font</span> properties.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Title font</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines font properties of the Y axis title.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Position</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the position of the Y axis title.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Axis label font</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines font properties of Y axis descriptions.</p>
</td>
</tr>
</table>
</div>
<p>&nbsp;</p>
<p class="p_Heading3"><span class="f_Heading3">Series:</span></p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table width="820" cellspacing="0" cellpadding="5" border="0" style="border: none; border-spacing:0px; border-collapse: collapse;">
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Primary background color</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the primary color of series items in the chart. Accepts standard HTML color names and hexadecimal color codes or the color selector can be used. Not available for <span style="font-weight: bold;">Line charts</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Secondary background color</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the secondary color of series items in the chart. Accepts standard HTML color names and hexadecimal color codes or the color selector can be used. Not available for <span style="font-weight: bold;">Line charts</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Gradient</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Gradient of the colors of the series items in the chart. Transitions from <span style="font-weight: bold;">Primary</span> to <span style="font-weight: bold;">Secondary background colors</span>. Not used when displayed in 3D. Not available for <span style="font-weight: bold;">Line charts</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Border color</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the border color for series items in the chart. Not available for <span style="font-weight: bold;">Line charts</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Border size</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the border size for series items in the chart. Not available for <span style="font-weight: bold;">Line charts</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Border style</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the border style for series items in the chart. Not available for <span style="font-weight: bold;">Line charts</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Display item value</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>If enabled, values are displayed above series items.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Item value format</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Sets the format of the text displaying the values of series items in the chart. This overrides the <span style="font-weight: bold;">Display item value</span> property.</p>
<p>&nbsp;</p>
<p>Standard <a href="http://msdn.microsoft.com/en-us/library/dd456687.aspx" target="_blank" class="weblink">MS chart keywords</a> can be placed into this field, such as for example:<br>
&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">#VALX</span> - displays the current value of the X axis.</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">#VALY</span> - displays the current value of the Y axis.</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">#AXISLABEL</span> - displays the current X axis label.</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">#INDEX</span> - displays a number determined by the order of the series item on the X axis, starting from 0.</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">#SER</span> - displays the name of the current series, i.e. the type of the value.<br>
&nbsp;</td></tr></table></div><p>If the current value is numerical, the displayed format can be modified by adding the following parameters after the keyword:</p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">{P}</span> - displays the number as a percentage.</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">{C}</span> - displays the number as a monetary amount in the currency of the current language culture. specified in the browser; please be aware that this does <span style="font-weight: bold;">not</span> convert the value, it only influences the format.</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">{F}</span> - displays the number with a floating point, this is the default parameter.</td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><span style="font-weight: bold;">{E}</span> - displays the number in exponential format.</td></tr></table></div><p>&nbsp;</p>
<p>The amount of numbers after the decimal point can be specified within the curly brackets.<br>
&nbsp;</p>
<p>For example <span style="font-weight: bold;">#VALY{F2}</span> displays Y axis values with a floating point and a precision of 2 decimal places.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Line color</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the line color used in <span style="font-weight: bold;">Line charts</span>. Accepts standard HTML color names and hexadecimal color codes or the color selector can be used.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Line size</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the line size used in <span style="font-weight: bold;">Line charts</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Line style</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the style used in <span style="font-weight: bold;">Line charts</span>. Not used when displayed in 3D.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Symbols</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the symbols used for values in <span style="font-weight: bold;">Line charts</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Item tooltip</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Determines the content and format of the tooltip that is displayed when hovering over a series item in the chart. This field supports both <a href="http://devnet.kentico.com/docs/6_0/devguide/macro_expressions_overview.htm" target="_blank" class="weblink">Kentico CMS macro expressions</a> and standard <a href="http://msdn.microsoft.com/en-us/library/dd456687.aspx" target="_blank" class="weblink">MS chart keywords</a> as described in the <span style="font-weight: bold;">Item value format</span> property.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Item link</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>Causes the series items in the chart to serve as links to the specified URL when clicked. The same macro expressions and keywords as described in the <span style="font-weight: bold;">Item tooltip</span> property can be used here as well.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="226" style="width:226px; border: solid 1px #000000;"><p>Values as percent</p>
</td>
<td valign="top" width="570" style="width:570px; border: solid 1px #000000;"><p>If checked, graphs with multiple types of series (several values per item) will convert item values into a percentage out of the sum of all values for that item. </p>
<p>&nbsp;</p>
<p>For example, if an item has two values, <span style="font-style: italic;">3</span> and <span style="font-style: italic;">9</span>, they would be converted to <span style="font-style: italic;">25</span> and <span style="font-style: italic;">75</span> respectively.</p>
<p>&nbsp;</p>
<p>When using this setting, it is necessary to set the <span style="font-weight: bold;">Chart Area -&gt; Scale max</span> property to at least <span style="font-style: italic;">100</span> to ensure that all types of data are displayed correctly.</p>
<p>&nbsp;</p>
<p>Not available for <span style="font-weight: bold;">Pie charts</span>, since these already display one type of value as a percentage.</p>
</td>
</tr>
</table>
</div>
<p>&nbsp;</p>
<p class="p_Heading3"><span class="f_Heading3">Chart area:</span></p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table width="820" cellspacing="0" cellpadding="5" border="0" style="border: none; border-spacing:0px; border-collapse: collapse;">
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Primary background color</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the primary background color of the chart area. Accepts standard HTML color names and hexadecimal color codes or the color selector can be used.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Secondary background color</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the secondary background color of the chart area. Accepts standard HTML color names and hexadecimal color codes or the color selector can be used.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Gradient</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Gradient of the chart area background colors. Transitions from <span style="font-weight: bold;">Primary</span> to <span style="font-weight: bold;">Secondary background colors</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Border color</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the border color of the chart area. Accepts standard HTML color names and hexadecimal color codes or the color selector can be used.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Border size</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the size of the chart area border.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Border style</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the style of the chart area border.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Scale min</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Sets the minimum Y axis value that is required for an X axis category to be displayed. Not used by <span style="font-weight: bold;">Pie charts</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Scale max</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Sets the maximum value that is displayed on the Y axis. Not used by <span style="font-weight: bold;">Pie charts</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Ten powers</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>If large values are present in the chart, they are divided by appropriate ten powers and the division ratio is displayed with the y-axis title. Not used by <span style="font-weight: bold;">Pie charts</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Reverse Y axis</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>If enabled, the vertical axis is reversed. Not used by <span style="font-weight: bold;">Pie charts</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Border skin style</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the skin of the chart area border.</p>
</td>
</tr>
</table>
</div>
<p>&nbsp;</p>
<p class="p_Heading3"><span class="f_Heading3">Plot area:</span></p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table width="820" cellspacing="0" cellpadding="5" border="0" style="border: none; border-spacing:0px; border-collapse: collapse;">
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Primary background color</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the primary background color of the plot area. Accepts standard HTML color names and hexadecimal color codes or the color selector can be used.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Secondary background color</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the secondary background color of the plot area. Accepts standard HTML color names and hexadecimal color codes or the color selector can be used.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Gradient</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Gradient of the plot area background colors. Transitions from <span style="font-weight: bold;">Primary</span> to <span style="font-weight: bold;">Secondary background colors</span>.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Border color</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the border color of the plot area. Accepts standard HTML color names and hexadecimal color codes or the color selector can be used.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Border size</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the size of the plot area border.</p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="225" style="width:225px; border: solid 1px #000000;"><p>Border style</p>
</td>
<td valign="top" width="571" style="width:571px; border: solid 1px #000000;"><p>Determines the style of the plot area border.</p>
</td>
</tr>
</table>
</div>
<p>&nbsp;</p>
<p>More resources can be found at:</p>
<p>&nbsp;</p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 7px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><a href="http://devnet.kentico.com/docs/6_0/devguide/reporting_module_overview.htm" target="_blank" class="weblink">Developer's Guide -&gt; Modules -&gt; Reporting -&gt; Overview</a></td></tr></table></div><div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 7px;"><table border="0" cellpadding="0" cellspacing="0" style="line-height: normal;"><tr style="vertical-align:baseline" valign="baseline"><td width="13"><span style="font-size: 10pt; font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', 'Arial'; color: #000000;">&#8226;</span></td><td><a href="http://devnet.kentico.com/docs/6_0/devguide/creating_a_new_graph.htm" target="_blank" class="weblink">Developer's Guide -&gt; Modules -&gt; Reporting -&gt; Creating a new report -&gt; Creating a new Graph</a></td></tr></table></div><p>&nbsp;</p>

<!--ZOOMSTOP--> 

<noscript>
<p class="help-url"><b>Help URL:&nbsp;</b><a href="<%HELP_LOCATION%><%DEVNET_PATH_NAME%>/index.html?report_graph_properties.htm" target="_top" title="Right-click to copy the URL of this help topic">
<%HELP_LOCATION%><%DEVNET_PATH_NAME%>/index.html?report_graph_properties.htm</a>
</p>
</noscript>
<script type="text/javascript">
var autoURL = true;
if (autoURL) {
      document.write(getHref("index.html","Help URL:","Right-click to copy the URL of this help topic"));
      } else {
             document.write('<p class="help-url"><b>Help URL:&nbsp;</b>');
             document.write('<a href="<%HELP_LOCATION%><%DEVNET_PATH_NAME%>/index.html?report_graph_properties.htm" target="_top" title="Right-click to copy the URL of this help topic"><%HELP_LOCATION%><%DEVNET_PATH_NAME%>/index.html?report_graph_properties.htm</a>');
             document.write('</p>');
      }
</script>

</div></div> 
</body>
</html>





